@mixin backgroundGradient($from, $to, $dir){
    @if $dir == horizontal {
        background-color: #{$from}\9;
        filter: "progid: DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#{$from}', endColorstr = '#{$to}')";
        -ms-filter: "progid: DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#{$from}', endColorstr = '#{$to}')";
        background-image: -moz-linear-gradient(left, #{$from}, #{$to});
        background-image: -ms-linear-gradient(left, #{$from}, #{$to});
        background-image: -o-linear-gradient(left, #{$from}, #{$to});
        background-image: -webkit-gradient(linear, left top, right top, from(#{$from}), to(#{$to}));
        background-image: -webkit-linear-gradient(left, #{$from}, #{$to});
        background-image: linear-gradient(left, #{$from}, #{$to});
    } @else if $dir == vertical {
        background-color: #{$from}\9;
        filter: "progid: DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = '#{$from}', endColorstr = '#{$to}')";
        -ms-filter: "progid: DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = '#{$from}', endColorstr = '#{$to}')";
        background-image: -moz-linear-gradient(top, #{$from}, #{$to});
        background-image: -ms-linear-gradient(top, #{$from}, #{$to});
        background-image: -o-linear-gradient(top, #{$from}, #{$to});
        background-image: -webkit-gradient(linear, left top, left bottom, from(#{$from}), to(#{$to}));
        background-image: -webkit-linear-gradient(top, #{$from}, #{$to});
        background-image: linear-gradient(top, #{$from}, #{$to});
    }
}
@mixin triangle($dir, $color, $size, $height){
    width: 0;
    height: 0;
    display: inline-block;
    @if $dir == top {
        border-left: $size solid transparent;
        border-right: $size solid transparent;
        border-bottom: $height solid $color;
    } @else if $dir == bottom {
        border-left: $size solid transparent;
        border-right: $size solid transparent;
        border-top: $height solid $color;
    } @else if $dir == left {
        border-top: $height solid transparent;
        border-bottom: $height solid transparent;
        border-right: $size solid $color;
    } @else if $dir == right {
        border-top: $size solid transparent;
        border-bottom: $size solid transparent;
        border-left: $height solid $color;
    } @else if $dir == leftBottom {
        border-bottom: $height solid $color;
        border-right: $size solid transparent;
    } @else if $dir == rightBottom {
        border-bottom: $height solid $color;
        border-left: $size solid transparent;
    } @else if $dir == leftTop {
        border-top: $height solid $color;
        border-right: $size solid transparent;
    } @else if $dir == rightTop {
        border-top: $height solid $color;
        border-left: $size solid transparent;
    }
}
@mixin userSelectNone(){
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}